﻿@{
    ViewBag.Title = "信息库";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@using Raffles.OA.Data;
@using Raffles.OA.Utility;
<style type="text/css">
    .box-title {
        font-size: 15px !important;
    }

    .scrollable-div {
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        height: 300px;
    }

    .scrollable-div::-webkit-scrollbar {
        display: none;
    }

    .box-body {
        padding: 0;
    }

    .table > tbody > tr > td {
        padding: 3px;
    }

    #destinationTable th, #destinationTable td,
    #groupActivityTable th:nth-child(2), #groupActivityTable td:nth-child(2) {
        text-align: left !important;
    }
    #destinationTable th, #destinationTable td,
    #groupActivityTable th:not(:nth-child(2)), #groupActivityTable td:not(:nth-child(2)) {
        text-align: center !important;
    }

    .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination {
        margin-left: 10px;
    }

    .pagination-detail {
        display: none;
    }

    .bg-teal {
        background-color: transparent !important;
    }
</style>
<link href="~/Content/plugin/bootstrap.treetable/bootstrap-treetable.min.css" rel="stylesheet" />
<section class="content">
    <div class="row">
        <div class="col-xs-12 col-md-4">
            <div class="box box-primary box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">报价配置</h3>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="itemTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-info box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">团队住宿</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.Hotel.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="hotelTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-warning box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">团队餐饮</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.Restaurant.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="restaurantTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-danger box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">交通导游</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.Transportation.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="transportationTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-success box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">景点门票</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.ScenicArea.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="scenicAreaTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-primary box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">团组公务</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.GroupOfficial.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <div class="table-responsive scrollable-div">
                            <table id="groupOfficialTable" class="table">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-info box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">团组培训</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.GroupActivity.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="groupActivityTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-default box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">其他费用</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.Addition.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="additionTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-4">
            <div class="box box-warning box-solid">
                <div class="box-header with-border">
                    <i class="fa fa-table"></i>
                    <h3 class="box-title">行程城市</h3>
                    <div class="pull-right box-tools">
                        <button type="button" class="btn bg-teal btn-sm" onclick="PageUI.deleteBaseForm('@QuotationItemEnum.Destination.ToString()')">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive scrollable-div">
                        <table id="destinationTable" class="table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="~/Content/plugin/bootstrap.treetable/bootstrap-treetable.js"></script>
<script src="~/Content/framework/js/framework-bootstrap-treetable-plugin.js"></script>
<script type="text/javascript">
    var PageUI = {
        initQuotationItemTable: () => {
            $('#itemTable').frameTable({
                toolbar: '',
                striped: false,
                pagination: false,
                showToolbar: false,
                url: '@Url.Action("GetQuotationItemJson", "BaseInfo")',
                columns: [
                    {
                        field: 'Name', title: '名称', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'\',\'' + row.Code + '\')">' + value + '</a>'
                        }
                    },
                    {
                        field: 'Type', title: '分类', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            switch (value) {
                                case '@QuotationItemTypeEnum.Item.ToString()':
                                    return '<span class="label label-success">@QuotationItemTypeEnum.Item.GetDescription()</span> ';
                                case '@QuotationItemTypeEnum.Data.ToString()':
                                    return '<span class="label label-warning">@QuotationItemTypeEnum.Data.GetDescription()</span> ';
                            }
                        }
                    },
                    { field: 'UpdatedOn', title: '更新日期', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\"></i> ';
                            }
                        }
                    }
                ]
            });
        },
        initHotelTable: () => {
            $('#hotelTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetHotelJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '酒店住宿', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.Hotel.ToString()\')">' + value + '</a>'
                        }
                    },
                    {
                        field: 'Star', title: '酒店星级', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            return PageUI.generateHotelStar(row.Star);
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Hotel.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Hotel.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#hotelTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initRestaurantTableTable: () => {
            $('#restaurantTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetRestaurantJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '团队餐饮', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.Restaurant.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Restaurant.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Restaurant.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#restaurantTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initTransportationTableTable: () => {
            $('#transportationTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetTransportationJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '交通&导游', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.Transportation.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Transportation.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Transportation.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#transportationTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initScenicAreaTable: () => {
            $('#scenicAreaTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetScenicAreaJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '景点&门票', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.ScenicArea.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.ScenicArea.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.ScenicArea.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#scenicAreaTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initGroupOfficialTable: () => {
            $('#groupOfficialTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetGroupOfficialJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '团组公务', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.GroupOfficial.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.GroupOfficial.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.GroupOfficial.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#groupOfficialTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initGroupActivityTable: () => {
            $('#groupActivityTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetGroupActivityJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '团组培训', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseActivityForm(\'' + row.Id + '\')">' + value + '</a>'
                        }
                    },
                    {
                        field: 'Price', title: '基础单价', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!value) {
                                return "-";
                            }
                            else {
                                return value;
                            }
                        }
                    },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.GroupActivity.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.GroupActivity.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                onLoadSuccess: function () {
                    $('.treetable-bars').hide();
                }
            });
        },
        initAdditionTable: () => {
            $('#additionTable').frameTable({
                toolbar: '',
                striped: false,
                showToolbar: false,
                url: '@Url.Action("GetAdditionJson", "BaseInfo")',
                columns: [
                    { checkbox: true, visible: true },
                    {
                        field: 'Name', title: '其他费用', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.Addition.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'Price', title: '基础单价', halign: "center", align: "center" },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (!!value) {
                                return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Addition.ToString()\',false)"></i> ';
                            } else {
                                return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Addition.ToString()\',true)"></i> ';
                            }
                        }
                    }
                ],
                queryParams: function (params) {
                    var pagination = $('#additionTable').frameTable('getPagination', params);
                    return pagination;
                }
            });
        },
        initDestinationTable: () => {
            $('#destinationTable').frameTreeTable({
                expandAll: false,
                expandFirst: false,
                url: '@Url.Action("GetDestinationJson", "BaseInfo")',
                columns: [
                    { field: 'selectItem', radio: true },
                    {
                        field: 'Name', title: '行程城市', halign: "left", align: "left",
                        formatter: function (value, row, index) {
                            return '<a class="text-bold" href="javascript:void(0);" onclick="PageUI.showBaseForm(\'' + row.Id + '\',\'@QuotationItemEnum.Destination.ToString()\')">' + value + '</a>'
                        }
                    },
                    { field: 'UpdatedOn', title: '更新日期' },
                    {
                        field: 'EnabledMark', title: '状态', halign: "center", align: "center",
                        formatter: function (value, row, index) {
                            if (row.ParentId == 0) {
                                if (!!value) {
                                    return '<i class=\"fa fa-toggle-on text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Addition.ToString()\',false)"></i> ';
                                } else {
                                    return '<i class=\"fa fa-toggle-off text-info fa-2x\ cursor-pointer" onclick="PageUI.toggleEnableMark(\'' + row.Id + '\',\'@QuotationItemEnum.Addition.ToString()\',true)"></i> ';
                                }
                            }
                        }
                    },
                ],
                onLoadSuccess: function () {
                    $('.treetable-bars').hide();

                }
            });
        },
        generateHotelStar: (stars) => {
            var starlist = [];
            for (var i = 0; i < stars; i++) {
                starlist.push("<i class='fa fa-star text-red'></i>");
            }
            return starlist.join("");
        },
        firstLetterToLower: (str) => {
            if (!str) return str;
            if (str.length === 1) return str.toLowerCase();
            return str.charAt(0).toLowerCase() + str.slice(1);
        },
        showBaseForm: (id, code) => {
            frame.openDialog({
                title: "报价配置",
                content: '@Url.Content("/Sale/BaseInfo/BaseForm")' + '?id=' + id + "&code=" + code,
                width: '600px',
                height: '450px',
                callback: function (index, layero) {
                    var iframeWin = window[layero.find('iframe')[0]['name']];
                    iframeWin.saveForm(index);
                }
            });
        },
        showBaseActivityForm: (id) => {
            frame.openDialog({
                title: "报价配置",
                content: '@Url.Content("/Sale/BaseInfo/BaseActivityForm")' + '?id=' + id,
                width: ($(window).width() * 0.7) + 'px',
                height: ($(window).height() - 20) + 'px',
                callback: function (index, layero) {
                    var iframeWin = window[layero.find('iframe')[0]['name']];
                    iframeWin.saveForm(index);
                }
            });
        },
        deleteBaseForm: (code) => { 
            var selectedRow;
            if (code == "@QuotationItemEnum.Destination.ToString()") {
                selectedRow = $('#' + PageUI.firstLetterToLower(code) + "Table").bootstrapTreeTable("getSelections");
            }
            else {
                selectedRow = $('#' + PageUI.firstLetterToLower(code) + "Table").bootstrapTable("getSelections");
            }
            if (frame.checkRowDelete(selectedRow)) {
                frame.confirm("确认要删除选中的[<span class='text-bold text-red'>" + selectedRow.length + "</span>]条数据吗？", function () {
                    var ids = frame.getIds(selectedRow);
                    frame.ajax({
                        url: '@Url.Content("/Sale/BaseInfo/DeleteBaseForm")' + '?ids=' + ids + "&code=" + code,
                        type: "post",
                        success: function (obj) {
                            if (obj.success) {
                                frame.msgSuccess(obj.message);
                                PageUI.searchGrid(code);
                            }
                            else {
                                frame.msgError(obj.Message);
                            }
                        }
                    });
                });
            }
        },
        searchGrid: (code) => {
            if (code == "@QuotationItemEnum.Destination.ToString()") {
                $('#' + PageUI.firstLetterToLower(code) + "Table").frameTreeTable('search');
            }
            else {
                $('#' + PageUI.firstLetterToLower(code) + "Table").frameTable('search');
            }
        },
        toggleEnableMark: (id, code, result) => {
            frame.confirm("确定要" + (result ? "[<span class='text-green text-bold'>启用</span>]" : "[<span class='text-red text-bold'>禁用</span>]") + "选中条目的吗？", function () {
                frame.ajax({
                    url: '@Url.Content("/Sale/BaseInfo/ChangeStatus")' + '?id=' + id + "&code=" + code,
                    type: "post",
                    success: function (obj) {
                        if (obj.success) {
                            frame.msgSuccess(obj.message);
                            PageUI.searchGrid(code);
                        }
                        else {
                            frame.msgError(obj.message);
                        }
                    }
                });
            });
        },
        init: ()=>{
            PageUI.initQuotationItemTable();
            PageUI.initHotelTable();
            PageUI.initRestaurantTableTable();
            PageUI.initTransportationTableTable();
            PageUI.initScenicAreaTable();
            PageUI.initGroupOfficialTable();
            PageUI.initGroupActivityTable();
            PageUI.initAdditionTable();
            PageUI.initDestinationTable();
        }
    }
    PageUI.init();
</script>